<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./site.css">
</head>

<body>
    <div class="content">

        <div class="onerow">
            <div class="panel first1-face">
                <span class="point"></span>
            </div>
            <div class="panel two1-face">
                <span class="point"></span>
            </div>
            <div class="panel three1-face">
                <span class="point"></span>
            </div>
            <div class="panel four1-face">
                <span class="point"></span>
            </div>
            <div class="panel five1-face">
                <span class="point"></span>
            </div>
            <div class="panel six1-face">
                <span class="point"></span>
            </div>
            <div class="panel seven1-face">
                <span class="point"></span>
            </div>
        </div>

        <div class="tworow">

            <div class="panel one2-face">
                <div class="first21-face">

                    <span class="point"></span>
                </div>
                <div class="three22-face">
                    <span class="point"></span>
                </div>

            </div>

            <div class="panel two2-face">
                <div class="first23-face">

                    <span class="point"></span>
                </div>
                <div class="three24-face">
                    <span class="point"></span>
                </div>
<input type="text">
            </div>
            <div class="panel three2-face">
                <div class="first25-face">

                    <span class="point"></span>
                </div>
                <div class="three26-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel four2-face">
                <div class="first27-face">

                    <span class="point"></span>
                </div>
                <div class="three28-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel five2-face">
                <div class="first29-face">

                    <span class="point"></span>
                </div>
                <div class="three30-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel six2-face">
                <div class="first31-face">

                    <span class="point"></span>
                </div>
                <div class="three32-face">
                    <span class="point"></span>
                </div>

            </div>



        </div>
        <div class="threerow">


            <div class="panel one3-face">
                <div class="first31-face">

                    <span class="point"></span>
                </div>
                <div class="three32-face">
                    <span class="point"></span>
                </div>
                <div class="three33-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel two3-face">
                <div class="first34-face">

                    <span class="point"></span>
                </div>
                <div class="three35-face">
                    <span class="point"></span>
                </div>
                <div class="three36-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel three3-face">
                <div class="first37-face">

                    <span class="point"></span>
                </div>
                <div class="three38-face">
                    <span class="point"></span>
                </div>
                <div class="three39-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel four3-face">
                <div class="first40-face">

                    <span class="point"></span>
                </div>
                <div class="three41-face">
                    <span class="point"></span>
                </div>
                <div class="three42-face">
                    <span class="point"></span>
                </div>
                <div class="three46-face">
                    <span class="point"></span>
                </div>

            </div>
            <div class="panel five3-face">
                <div class="first43-face">

                    <span class="point"></span>
                </div>
                <div class="three44-face">
                    <span class="point"></span>
                </div>
                <div class="three45-face">
                    <span class="point"></span>
                </div>
                <div class="three47-face">
                    <span class="point"></span>
                </div>

            </div>


        </div>
        <div class="fourrow">
            <div class="panel one4-face">
                <div class="four1">
                    <div class="four11"><span class="point"></span></div>
                    <div class="four12"><span class="point"></span></div>
                    <div class="four13"><span class="point"></span></div>
                </div>
                <div class="four2">
                    <div class="four21"><span class="point"></span></div>
                    <div class="four22"><span class="point"></span></div>
                </div>
            </div>
            <div class="panel two4-face">
                <div class="four3">
                    <div class="four111"><span class="point"></span></div>
                    <div class="four112"><span class="point"></span></div>
                    <div class="four113"><span class="point"></span></div>
                </div>
                <div class="four4">
                    <div class="four221"><span class="point"></span></div>
                    <div class="four222"><span class="point"></span></div>
                </div>
            </div>
        </div>


    </div>
    </div>




</body>

</html>